﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<%@ include file="../../resources/common/page/sessionovertime.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<base href="<%=basePath%>">
	<title>personalDesktop</title>
	
	<style type="text/css">
	.dragObj{
		padding-bottom: 15px;
		padding-left: 1px;
    	padding-right: 10px;
	}
	
	/* 透明末尾占位div */
	.dragObjButt{
		height: 10px;
		margin-top:-10px;
	}
	
	/* 拖拉时，代理对象透明度  */
	.proxyTranslucent{
        opacity:0.5;
        filter:alpha(opacity=50);
    }
    
    /* 放置位置提示箭头 */
    .indicator{
        position:absolute;
        display:none;
    }
    /* 拖拉区域在右边留出20px给关闭图标 */
    .dragZone{
    	margin-right: 20px;
    }
	</style>
<script type="text/javascript" src="sys/desktop/desktop.js"></script>
<script type="text/javascript" src="sys/desktop/desktopData.js"></script>
<script src="resources/echarts/echarts.js"></script>
<script src="sys/desktop/userLoginCount.js"></script>
</head>
<body style="overflow-x: hidden;">
<input type="hidden" id="orderDataLenght"/>
<table id="dropTable" style="width: 100%;height: 100%">
	<tr>
		<td width="50%" valign="top">
	        <div class="dragObjButt"></div>
		</td>
		<td width="50%" valign="top">
			<div class="dragObjButt"></div>
		</td>
	</tr>
</table>
<%-- 拖放提示图片  border: 1px solid #95B8E7;--%>
<img class="indicator" id="indicator" src="resources/images/icons/pointRight.png" />
<div id="recycleBin" style="display: none;">
	<input id="userPanelId" type="hidden"/>
	<!-- 用户登录统计 -->
	<div class="dragObj">
		<div id="pd_userLoginCountPanel" class="easyui-panel" data-options="title:'&nbsp;',closable:true">
			<div style="width: 100%; height: 99%;">
				<div id="mainBar" class="echartsDiv"></div>
			</div>
		</div>
	</div>
	<!-- 系统公告 -->
	<div class="dragObj">
		<div id="pd_noticePanel" class="easyui-panel" data-options="title:'&nbsp;'">
			<div style="width: 100%; height: 99%;">
				<table id="noticeInfo" width="100%" height="100%">
					
				</table>
			</div>
		</div>
	</div>
	
	<div class="dragObj">
		<div id="pd_panel3" class="easyui-panel" data-options="title:'&nbsp;',closable:true">
			<div style="width: 1070px; height: 99%;">
				<table id="dataGridTableE" fit="true" pagination="true" singleSelect="true" fitColumns="false" striped="true" >
					<thead>
						<tr>
							<th field="customerName" width="100" align="center">&nbsp;</th>
						</tr>
					</thead>
				</table>
			</div>
		</div>
	</div>
	<div class="dragObj">
		<div id="pd_panel4" class="easyui-panel" data-options="title:'&nbsp;',closable:true">
			<div style="width: 1070px; height: 99%;">
				<table id="dataGridTableE" fit="true" pagination="true" singleSelect="true" fitColumns="false" striped="true">
					<thead>
						<tr>
							<th field="customerName" width="100" align="center">&nbsp;</th>
						</tr>
					</thead>
				</table>
			</div>
		</div>
	</div>
	<div class="dragObj">
		<div id="pd_panel5" class="easyui-panel" data-options="title:'&nbsp;',closable:true">
			<div style="width: 1070px; height: 99%;">
				<table id="dataGridTableE" fit="true" pagination="true" singleSelect="true" fitColumns="false" striped="true"  >
					<thead>
						<tr>
							<th field="customerName" width="100" align="center">&nbsp;</th>
						</tr>
					</thead>
				</table>
			</div>
		</div>
	</div>
</div>
<!-- 添加面板  start-->
<div id="openPanel" iconCls="icon-attachment" style="padding: 5px; width: 500px; height: 330px;">
	<div class="easyui-layout" fit="true">
	  	<div region="center" border="false" id="openPanelDiv" style="padding: 10px;">
	    	
	    </div>
 	</div>
</div>
<!-- 添加面板  end-->
</body>
<script type="text/javascript">
$.holdReady(true);
//console.log($('.dragObj').length);
$.holdReady(false);
</script>
</html>